<script setup lang="ts">
interface Props {
  info: AppSysRegion.Dto;
}

const props = withDefaults(defineProps<Props>(), {
  info: () => {
    return {};
  },
});
</script>

<template>
  <view class="app-region-item">
    <view class="app-region-item__name">{{ props.info.name || '-' }}</view>
    <!-- <view class="app-region-item__location">
      <text>具体位置:&nbsp;&nbsp;</text>
      <text>{{ props.info.location || '-' }}</text>
    </view> -->
    <view class="app-region-item__describe">
      <text>具体位置:&nbsp;&nbsp;</text>
      <text>{{ props.info.describe || '-' }}</text>
    </view>
  </view>
</template>

<style lang="scss">
@import './index.scss';
</style>
